<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>Calculate</title>
    <link rel="stylesheet" href="calculate.css">

</head>

<body>
    <div class="wrapper">
        <div class="calculate">
            <div class="form">
                <input type="text" id="input">
                <input type="text" id="output">
            </div>
            <div class="buttons">
                <ul>
                    <li><button class="col sign" onclick="figure('(')">(</button></li>
                    <li><button class="col sign" onclick="figure(')')">)</button></li>
                    <li><button class="col sign" onclick="figure('√')">√</button></li>
                    <li><button class="col sign" onclick="figure('²')">X²</button></li>
                    <li><button class="col cancel" onclick="empty()">C</button></li>
                    <li><button class="col del" onclick="backSpace()">⌫</button></li>
                    <li><button class="col num" onclick="ans()">Ans</button></li>
                    <li><button class="col sign" onclick="figure('/')">÷</button></li>
                    <li><button class="col num" onclick="figure('7')">7</button></li>
                    <li><button class="col num" onclick="figure('8')">8</button></li>
                    <li><button class="col num" onclick="figure('9')">9</button></li>        
                    <li><button class="col sign" onclick="figure('*')">×</button></li>
                    <li><button class="col num" onclick="figure('4')">4</button></li>
                    <li><button class="col num" onclick="figure('5')">5</button></li>
                    <li><button class="col num" onclick="figure('6')">6</button></li>
                    <li><button class="col sign" onclick="figure('-')">-</button></li>
                    <li><button class="col num" onclick="figure('1')">1</button></li>
                    <li><button class="col num" onclick="figure('2')">2</button></li>
                    <li><button class="col num" onclick="figure('3')">3</button></li>
                    <li><button class="col sign" onclick="figure('+')">+</button></li>
                    <li><button class="col num" onclick="figure('%')">%</button></li>
                    <li><button class="col num" onclick="figure('0')">0</button></li>
                    <li><button class="col num" onclick="figure('.')">.</button></li>
                    <li><button class="col result" onclick="result()">=</button></li>
                </ul>      
            </div>
        </div>
    </div>
    <script src="calculate.js"></script>
</body>

</html>